/*!	* base.css * CSS Document 
/* ==========================================================================
========================================================================== */
@charset "utf-8";
@import "animate.css";
@import "font-awesome/css/font-awesome.min.css";
@import "swiper-bundle.min.css";
@import "share.min.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:"微软雅黑","宋体";  vertical-align: baseline; } 
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width:320px; overflow-x:hidden; position:relative;  margin:0 auto; max-width: 100%;}
:focus { outline:0; }
html{width:100%;}
table { border-collapse: separate; border-spacing: 0; } 
hr{ border:none; height:1px; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#fff;  } /** a属性 -moz-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;-ms-transition: all .3s ease-in;transition: all .3s ease-in; **/

/** 常用
-webkit-transition: all .3s ease-out;transition: all .3s ease-out;       
transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;
transition: all 0.5s ease-out;
background-image:url(xxx.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;
background:rgba(0,0,0,0.5); 
background:linear-gradient(-150deg,#071025,#2a4881 50%);
text-transform: uppercase;
:nth-child(2){}
:first-child第一
:last-child 最后
:after, :before{content: ".";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}
font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";
box-shadow:0 0 15px rgba(0,0,0,0.15);
border-radius:5px;
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;文字阴影
top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); 垂直居中
**/ 


/* 引用字体 */
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal;}
@font-face {
  font-family: 'DIN';
  src: url('fonts/DIN.eot');
  src: url('fonts/DIN.eot?#iefix') format('embedded-opentype'), url('fonts/DIN.woff') format('woff'), url('fonts/DIN.ttf') format('truetype'), url('fonts/DIN.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaufmannBT';
  src: url('fonts/KaufmannBT.eot');
  src: url('fonts/KaufmannBT.eot?#iefix') format('embedded-opentype'), url('fonts/KaufmannBT.woff') format('woff'), url('fonts/KaufmannBT.ttf') format('truetype'), url('fonts/KaufmannBT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINEngschriftStd';
  src: url('fonts/DINEngschriftStd.eot');
  src: url('fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'), url('fonts/DINEngschriftStd.woff') format('woff'), url('fonts/DINEngschriftStd.ttf') format('truetype'), url('fonts/DINEngschriftStd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 引用字体 */

/* 过渡 */
.transition{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }
/* 文字移除隐藏 */
.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }
/* 遮盖层 */
.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; }
/* 背景图片 */
.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }
/* table布局 */
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}

/* Clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }

img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto; max-width: 100%; }
ul,ol{ list-style:none; }
ul,li{ padding:0; margin:0; list-style:none; }

/* Form */
label,input,select{ vertical-align:middle; }
button,input,select,textarea{ font-family:"Microsoft Yahei"; }
select {  border: solid 1px #000; appearance:none;  -moz-appearance:none; -webkit-appearance:none;  padding-right: 14px; cursor:pointer; }
select::-ms-expand { display: none;}
input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }
textarea,select{ -webkit-appearance:none; }

/** 滚动条 **/
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:8px;background-color:#374d81;}
::-webkit-scrollbar-thumb {width:8px;background-color:#374d81;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#374d81;}
/* webkit, opera, IE9 鼠标滑过 */
::selection { background:#000; color: #fff; }
/* mozilla firefox  鼠标滑过  */
::-moz-selection { background:#000; color: #fff; }

.inline-block{ display:inline-block; }
/* 字体 */
@font-face { font-family:Vijaya;src: url('../fonts/ya.ttf');}
/* 文档宽度小于 480 像素 */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
  -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 0px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0px;
    border: 0px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #ffffff;
  }
}


/** CSS3 缩放 ====================================================================================*/
.touming{
	-webkit-animation: touming 2s both ease-out;-ms-animation: touming 2s both ease-out;animation:touming  2s both ease-out;
}
.scale {
    -webkit-animation: scale 10s linear 0s alternate infinite;
    animation: scale 10s linear 0s alternate infinite
}
.cloudmove {
    width: 110%;
    -webkit-animation: cloudmove 15s linear 0s alternate infinite;
    animation: cloudmove 15s linear 0s alternate infinite
}
.movetopRight {
    -webkit-animation: movetopRight 5s linear 0s normal infinite;
    animation: movetopRight 5s linear 0s normal infinite
}
.rotatescale {
    -webkit-animation: rotatescale 20s linear 0s alternate infinite;
    animation: rotatescale 20s linear 0s alternate infinite
}
.leftright {
	-webkit-animation: leftright 15s linear 0s alternate infinite;
	animation: leftright 15s linear 0s alternate infinite
}
.roate360 {
	-webkit-animation: rotate360 20s linear 0s normal infinite;
	animation: rotate360 20s linear 0s normal infinite
}

/*========== 缩放 ==========*/
@-webkit-keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@-webkit-keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@-webkit-keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@-webkit-keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@-webkit-keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@-webkit-keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}
@-ms-keyframes touming { 
	0%{opacity : 0}
	100%{opacity : 1}
}
@keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}
/**  CSS3 缩放 ====================================================================================*/

/**  CSS3 doudong ====*/
@-webkit-keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); 
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px); 
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); 
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px); 
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px); 
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); 
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px); 
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); 
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px); 
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px); 
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/**  CSS3 doudong ====*/

/**  CSS3 huangdong ====*/
@-webkit-keyframes huangdong {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}

to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

@keyframes huangdong {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
/**  CSS3 huangdong ====*/

/**  CSS3 godown ====*/
@-webkit-keyframes godown {
0% {
-webkit-transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 30px);
-webkit-transform: translate(0, 30px);
opacity: 0;
}
}
@keyframes godown {
0% {
transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 30px);
opacity: 0;
-webkit-transform: translate(0, 30px);
-moz-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
-o-transform: translate(0, 30px);
}
}
/**  CSS3 godown ====*/